<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ContactMe</title>
    <link rel="stylesheet" href="../model.css"/>
</head>
<body>
      <!-- 导航 -->
  <div class="header">
    <!-- logo -->
    <div class="logo">
     谭艾玲个人网站
    </div>
    <!-- 菜单 -->
    <div class="nav">
      <a href="../tanai.html">WELCOME</a>
    <a href="../首页/Home.html" >个人介绍</a>
    <a href="../照片墙/photos.html">照片墙</a>
    <a href="../blog/blog.html">设计</a>
    <a href="contact.html" class="active">联系我</a>
    </div>
  </div>

<!-- 表单 -->


<!-- 以下为主要的表单，label标签为行类 -->
<div class="displayer">
<div class="contact">
  <h3  class="displayer-title">【联系我】</h3>
  <form >
<label >
  <span>姓名:</span>
    <input type="text" placeholder="请输入你的姓名"/>
  
</label>
<label >
  <span>手机号:</span>
    <input type="text" placeholder="请输入你的手机号"/>
  
</label><label >
  <span>邮箱:</span>
    <input type="text" placeholder="请输入你的邮箱"/>
  
</label>
<label >
  <span>留言内容:</span>  <!-- 多行文本，改为textarea，clos，rows为长度和宽度 -->
    <textarea placeholder="请输入你的留言内容"></textarea>
</label>

<label >
  <span></span>
  <button type="submit">提交</button>
  <button type="reset" class="sad">重置</button>
</label>
  </form>
    </div>
</div>
<div class="footer">
    <p>
        设计制作:谭艾玲 Welcome to my website.
    </p>
</div>

</body>
</html>